<template>
    <div>
        <Row type="flex" justify="center">
            <Col span="24">
            <Carousel autoplay :autoplay-speed="5000" v-model="value1" loop>
                <CarouselItem>
                    <div class="demo-carousel">
                        <img src="src/images/slide1.jpeg" width="100%"/>
                    </div>
                </CarouselItem>
                <CarouselItem>
                    <div class="demo-carousel">
                        <img src="src/images/slide2.jpeg" width="100%"/>
                    </div>
                </CarouselItem>
                <CarouselItem>
                    <div class="demo-carousel">
                        <img src="src/images/slide3.jpeg" width="100%"/>
                    </div>
                </CarouselItem>
                <CarouselItem>
                    <div class="demo-carousel">
                        <img src="src/images/slide4.jpeg" width="100%"/>
                    </div>
                </CarouselItem>
            </Carousel>
            </Col>
        </Row>
        <Row type="flex" justify="center">
            <Col :xs="24" :sm="24" :md="20" :lg="20">
            <Row type="flex" justify="center">
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>
                <Col :xs="8" :sm="8" :md="6" :lg="4">
                <card style="text-align: center">
                    <p style="font-size: 80px;color:#1E4A7A;">
                        <Icon type="monitor"></Icon>
                    </p>
                    功能
                </card>
                </Col>


            </Row>
            </Col>
        </Row>
    </div>

</template>
<script>

    export default {
        components: {},
        data() {
            return {
                value1: 0,
                searchKeyWord: "",
            }
        }
    }
</script>
<style scoped>


</style>